<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>个人博客</title>


<link rel="stylesheet" href="html/static/lib/css/bootstrap.min.css" />
<!-- <link rel="stylesheet"
	href="html/static/assets/css/ie10-viewport-bug-workaround.css" /> -->
<link rel="stylesheet" href="html/static/lib/css/bootstrap-select.css" />
<link rel="stylesheet" href="html/static/lib/css/bootstrap-switch.css" />
<link rel="stylesheet" href="html/static/lib/css/jquery.bootgrid.css" />
<link rel="stylesheet" href="html/static/lib/css/bootstrap-datepicker.css" />
<link rel="stylesheet" href="html/static/css/common.css" />

<script src="html/static/lib/js/jquery-2.0.0.min.js"></script>
<script src="html/static/lib/js/bootstrap.min.js"></script>

</head>
<body>











	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="navbar">
					<div class="navbar-inner">
						<div class="container-fluid">
							<a data-target=".navbar-responsive-collapse"
								data-toggle="collapse" class="btn btn-navbar"><span
								class="icon-bar"></span><span class="icon-bar"></span><span
								class="icon-bar"></span></a> <a href="#" class="brand">网站名</a>
							<div class="nav-collapse collapse navbar-responsive-collapse">
								<ul class="nav">
									<li class="active"><a href="#">主页</a></li>
									<li><a href="#">链接</a></li>
									<li><a href="#">链接</a></li>
									<li class="dropdown"><a data-toggle="dropdown"
										class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
										<ul class="dropdown-menu">
											<li><a href="#">下拉导航1</a></li>
											<li><a href="#">下拉导航2</a></li>
											<li><a href="#">其他</a></li>
											<li class="divider"></li>
											<li class="nav-header">标签</li>
											<li><a href="#">链接1</a></li>
											<li><a href="#">链接2</a></li>
										</ul></li>
								</ul>
								<ul class="nav pull-right">
									<li><a href="#">右边链接</a></li>
									<li class="divider-vertical"></li>
									<li class="dropdown"><a data-toggle="dropdown"
										class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
										<ul class="dropdown-menu">
											<li><a href="#">下拉导航1</a></li>
											<li><a href="#">下拉导航2</a></li>
											<li><a href="#">其他</a></li>
											<li class="divider"></li>
											<li><a href="#">链接3</a></li>
										</ul></li>
								</ul>
							</div>

						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span4" style="float:left;width:25%;">
				<div class="hero-unit">
					<h1>Hello, world!</h1>
					<p>这是一个可视化布局模板, 你可以点击模板里的文字进行修改, 也可以通过点击弹出的编辑框进行富文本修改.
						拖动区块能实现排序.</p>
					<p>
						<a class="btn btn-primary btn-large" href="#">参看更多 »</a>
					</p>
				</div>
			</div>
			<div class="span5"  style="float:left;width:60%;">
				<ul class="thumbnails">
					<!-- <li class="span4" >
						<div class="thumbnail">
							<img alt="300x200" src="img/people.jpg" />
							<div class="caption">
								<h3>冯诺尔曼结构</h3>
								<p>
									也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
								</p>
								<p>
									<a class="btn btn-primary" href="#">浏览</a> <a class="btn"
										href="#">分享</a>
								</p>
							</div>
						</div>
					</li> -->
					
					<c:forEach var="blog" items="${blogList }">
					
					
						<li class="span4" id="blog_${blog.id }" >
							<div class="thumbnail">
								<div class="caption">
									<a href="blog/${blog.id}/detail.htm"><h3>${blog.title }</h3></a>
									<p>
										${blog.summary }
									</p>
								</div>
							</div>
						</li>
					
					</c:forEach>
					
				</ul>
				<div class="pagination pagination-centered">
					<ul>
						<li><a href="#">上一页</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">下一页</a></li>
					</ul>
				</div>
			</div>
			<div class="span3">
				<div class="page-header">
					<h1>
						
					</h1>
				</div>
			</div>
		</div>
	</div>













	<nav id="J_Foot" class="navbar  navbar-fixed-bottom"></nav>



<script type="text/javascript">

$(document).ready(function(){
	
	$("#J_Foot").load("html/html/foot.html");
	
});

</script>




</body>
</html>